<template>
  <div class="Video">
    <div class="title2">
        
        <div>发现</div>
    </div>

    <div class="container">

      
        <a href="http://codelover.club/coursefiles/lnnpREORzoIdSs-hRgPHOKXVIzwM.mp4">
        <div class="short-video-item" style="background-image:url(https://codelover.club/coursefiles/images/film/创意.jpeg)">
        <div class="tl">创意 / 5'20''
        <h1>视频</h1>
        </div>
        </div>
      </a>
       
  

      <a href="http://codelover.club/coursefiles/lnnpREORzoIdSs-hRgPHOKXVIzwM.mp4">
       <div class="short-video-item" style="background-image:url(https://codelover.club/coursefiles/images/film/剧情.jpeg)">
       <div class="tl">剧情 / 2'39''<h1>视频</h1></div>
        </div>
      </a>


        <a href="http://codelover.club/coursefiles/lnnpREORzoIdSs-hRgPHOKXVIzwM.mp4">
       <div class="short-video-item" style="background-image:url(https://codelover.club/coursefiles/images/film/动画.jpeg)">
       <div class="tl">动画 /50'33'''<h1>视频</h1></div>
        
       </div>
     </a>

       <a href="http://codelover.club/coursefiles/lnnpREORzoIdSs-hRgPHOKXVIzwM.mp4">
       <div class="short-video-item" style="background-image:url(https://codelover.club/coursefiles/images/film/励志.jpeg)">
       <div class="tl">励志 / 24'14'''<h1>视频</h1></div>
        
       </div>
      </a>
    

       <a href="http://codelover.club/coursefiles/lnnpREORzoIdSs-hRgPHOKXVIzwM.mp4">
       <div class="short-video-item" style="background-image:url(https://codelover.club/coursefiles/images/film/实验.jpeg)">
       <div class="tl">实验 / 114'12'''<h1>视频</h1></div>
       
       </div>
      </a>

       <a href="http://codelover.club/coursefiles/lnnpREORzoIdSs-hRgPHOKXVIzwM.mp4">
       <div class="short-video-item" style="background-image:url(https://codelover.club/coursefiles/images/film/广告.jpeg)">
        <div class="tl">广告 / 3'50'''<h1>视频</h1></div>
       
       </div>
      </a>

       <a href="http://codelover.club/coursefiles/lnnpREORzoIdSs-hRgPHOKXVIzwM.mp4">
       <div class="short-video-item" style="background-image:url(https://codelover.club/coursefiles/images/film/搞笑.jpeg)">
        <div class="tl">搞笑 / 6'44'''<h1>视频</h1></div>
       
       </div>
      </a>

       <a href="http://codelover.club/coursefiles/lnnpREORzoIdSs-hRgPHOKXVIzwM.mp4">
       <div class="short-video-item" style="background-image:url(https://codelover.club/coursefiles/images/film/旅行.jpeg)">
        <div class="tl">旅行 / 5'45'''<h1>视频</h1></div>
       </div>
      </a>
       <a href="http://codelover.club/coursefiles/lnnpREORzoIdSs-hRgPHOKXVIzwM.mp4">
       <div class="short-video-item" style="background-image:url(https://codelover.club/coursefiles/images/film/时尚.jpeg)">
        <div class="tl">时尚 / 1'45'''<h1>视频</h1></div>
       </div>
      </a>

       <a href="http://codelover.club/coursefiles/lnnpREORzoIdSs-hRgPHOKXVIzwM.mp4">
       <div class="short-video-item" style="background-image:url(https://codelover.club/coursefiles/images/film/汽车.jpeg)">
        <div class="tl">汽车 / 5'55'''<h1>视频</h1></div>
       </div>

      </a>
<a href="http://codelover.club/coursefiles/lnnpREORzoIdSs-hRgPHOKXVIzwM.mp4">
       <div class="short-video-item" style="background-image:url(https://codelover.club/coursefiles/images/film/混剪.jpeg)">
        <div class="tl">混剪 / 1'00'''<h1>视频</h1></div>
       </div></a>
<a href="http://codelover.club/coursefiles/lnnpREORzoIdSs-hRgPHOKXVIzwM.mp4">
       <div class="short-video-item" style="background-image:url(https://codelover.club/coursefiles/images/film/爱情.jpeg)">
        <div class="tl">爱情 / 60'12'''<h1>视频</h1></div>
       </div>
      </a>

       <a href="http://codelover.club/coursefiles/lnnpREORzoIdSs-hRgPHOKXVIzwM.mp4">
       <div class="short-video-item" style="background-image:url(https://codelover.club/coursefiles/images/film/生活.jpeg)">
        <div class="tl">生活 / 4'50'''<h1>视频</h1></div>
       </div></a>
       <a href="http://codelover.club/coursefiles/lnnpREORzoIdSs-hRgPHOKXVIzwM.mp4">
       <div class="short-video-item" style="background-image:url(https://codelover.club/coursefiles/images/film/科幻.jpeg)">
        <div class="tl">科幻 / 125'12'''<h1>视频</h1></div>
       </div></a>
       <a href="http://codelover.club/coursefiles/lnnpREORzoIdSs-hRgPHOKXVIzwM.mp4">
       <div class="short-video-item" style="background-image:url(https://codelover.club/coursefiles/images/film/纪录.jpeg)">
        <div class="tl">纪录 / 42'12'''<h1>视频</h1></div>
       </div></a>
       <a href="http://codelover.club/coursefiles/lnnpREORzoIdSs-hRgPHOKXVIzwM.mp4">
       <div class="short-video-item" style="background-image:url(https://codelover.club/coursefiles/images/film/美食.jpeg)">
        <div class="tl">美食 / 12'15'''<h1>视频</h1></div>
       </div></a>
       <a href="http://codelover.club/coursefiles/lnnpREORzoIdSs-hRgPHOKXVIzwM.mp4">
       <div class="short-video-item" style="background-image:url(https://codelover.club/coursefiles/images/film/运动.jpeg)">
        <div class="tl">运动 / 5'22'''<h1>视频</h1></div>
       </div></a>
       <a href="http://codelover.club/coursefiles/lnnpREORzoIdSs-hRgPHOKXVIzwM.mp4">
       <div class="short-video-item" style="background-image:url(https://codelover.club/coursefiles/images/film/音乐.jpeg)">
        <div class="tl">音乐 / 3'12'''<h1>视频</h1></div>
       </div></a>
      
       <a href="http://codelover.club/coursefiles/lnnpREORzoIdSs-hRgPHOKXVIzwM.mp4">
       <div class="short-video-item" style="background-image:url(https://codelover.club/coursefiles/images/film/预告.jpeg)">
        <div class="tl">预告 / 2'10'''<h1>视频</h1></div>
       </div></a>
    </div>
  </div>
</template>

<style>
</style>